<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>千度云盘-全部文件</title>
	<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
	<link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.0/css/bootstrap.min.css" rel="stylesheet">
	<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="https://at.alicdn.com/t/font_1008284_64ozyenhm2m.css">
	<link rel="stylesheet" href="css/home.css">
	<link rel="stylesheet" href="css/fileShaceWindow.css">
	
	<!-- !!!!!!! 所有css请放在这一行的上面引入 !!!!!!! -->
	<link rel="stylesheet" href="css/skin.css">
	<!-- 皮肤支持 -->
</head>
<body class="default">


<!--文件分享窗口-->
<div id="page_all">
	<input type="text" id="text" value="" style="position: absolute;top: -100px">
	<div id="share_text">
		<div id="share_text_header">
			<ul>
				<li><a>链接分享</a></li>
				<li></li>
				<li class="close_click"><i class="fa fa-close fa-1x" aria-hidden="true"></i></li>
			</ul>
		</div>
		<div id="share_text_body" >
			<div id="share_text_input" >
				<ul>
					<li>
						<span class="span_left">分享形式:</span>
						<p>
							<label><input type="radio" name="share_code" value="is" checked>&nbsp;&nbsp;&nbsp;
							<d class="d">有提取码</d></label>
							<span class="span_right">仅限拥有提取码者可查看，更加隐私安全</span>
						</p>
						<p>
							<label><input type="radio" name="share_code" value="not">&nbsp;&nbsp;&nbsp;
							<d class="d">无提取码</d></label>
							<span class="span_right">无需提取码，仅拥有链接的用户可以查看</span>
						</p>
					</li>
					<li>
						<span class="span_left">有效期:</span>
						<select id="time_select"> 
							<option value="0">永久有效</option>
							<option value="7">有效7天</option>
							<option value="1">有效1天</option>
						</select>
					</li>
					<li>
						<input type="button" value="生成链接" id="generate_links">
						<input type="button" value="取消" id="esc" class="close_click">
					</li>
				</ul>
			</div>

			<div id="share_link_text" >
				<div id="s_l_t_header"></div>
				<div id="s_l_t_main">
					<ul>
						<li>
							<p>
								<span class="s_l_t_span">链接:</span>
								<input type="text" name="link" id="link" value="" readonly="readonly">
								<span class="s_l_t_tips"></span>
							</p>
						</li>
						<li>
							<p>
								<span class="s_l_t_span">提取码:</span>
								<input type="text" name="code" id="code" value="" readonly="readonly">
								<input type="button" id="copy" value="复制链接和提取码">
							</p>
						</li>
						<li>
							<span>分享给朋友们吧</span>
						</li>
						<li>
							<i class="fa fa-hourglass" aria-hidden="true"></i>
							<span id="s_l_t_day">永久有效</span>
							<input type="button" name="close"  class="close_click" value="关闭" id="s_l_t_close">
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div id="share_text_foot">
			<p>配合净网行动，千度网盘严厉打击不良信息的传播行为，如发现，将封禁账号。</p>
		</div>
	</div>
</div>


<div id="offline-box" style="display: none;">
	<div class="form-group">
		<label for="offline-url">链接地址</label>
		<input class="form-control" type="url" id="offline-url" required>
	</div>
	<div class="form-group">
		<label for="offline-filename">文件名</label>
		<input class="form-control" type="text" id="offline-filename" required>
	</div>
	<div class="form-group">
		<button class="btn btn-success" id="add-offline-btn">新建离线下载</button>
	</div>
</div>


<!-- 切换皮肤面板 -->
<div id="change-skin">
	<div class="skin-box">
		<div class="skin-title">
			<span>选择皮肤</span>
			<i class="fa fa-close skin-close"></i>
		</div>
		<div class="skin-list">
			<ul>
				<li data-skin-thumb="/image/skin/default-screenshot.png" data-skin-name="default">
					<img src="/image/skin/default-small.png" alt="默认">
					<span>默认</span>
				</li>
				<li data-skin-thumb="/image/skin/forest-screenshot.png" data-skin-name="forest">
					<img src="/image/skin/forest-small.png" alt="森林">
					<span>森林</span>
				</li>
				<li data-skin-thumb="/image/skin/bridge-screenshot.png" data-skin-name="bridge">
					<img src="/image/skin/bridge-small.png" alt="天桥">
					<span>天桥</span>
				</li>
				<li data-skin-thumb="/image/skin/ghost-screenshot.png" data-skin-name="ghost">
					<img src="/image/skin/ghost-small.png" alt="幽灵">
					<span>幽灵</span>
				</li>
				<li data-skin-thumb="/image/skin/fountain-screenshot.png" data-skin-name="fountain">
					<img src="/image/skin/fountain-small.png" alt="喷泉">
					<span>喷泉</span>
				</li>
				<li data-skin-thumb="/image/skin/river-screenshot.png" data-skin-name="river">
					<img src="/image/skin/river-small.png" alt="河流">
					<span>河流</span>
				</li>
				<li data-skin-thumb="/image/skin/sun-screenshot.png" data-skin-name="sun">
					<img src="/image/skin/sun-small.png" alt="夕阳">
					<span>夕阳</span>
				</li>
				<!-- <li data-skin-thumb="/image/skin/default-screenshot.png" data-skin-name="default">
					<img src="/image/skin/default-small.png" alt="默认">
					<span>默认</span>
				</li> -->
			</ul>
		</div><!--
		--><div class="skin-screenshot">
			<img src="/image/skin/default-screenshot.png" alt="皮肤预览">
		</div>
	</div>
	<div class="skin-footer">
		<button class="btn ok">确定</button>
		<button class="btn cancel">取消</button>
	</div>
</div>
<!-- 切换皮肤面板结束 -->

<!-- 顶部导航开始 -->
<nav class="navbar navbar-fixed-top" id="nav">
	<div class="navbar-header">
		<a href="/" class="navbar-brand" id="brand">
			<img src="image/logo2.png" alt="千度云盘" id="logo">
			<span class="sr-only">千度云盘</span>
		</a>
	</div>

	<!-- 导航菜单开始 -->
	<ul class="nav navbar-nav">
		<li class="active">
			 <a href="home.html"><i class="fa fa-cloud"></i>&nbsp; 云盘</a>
		</li>
		<li>
			 <a href="javascript:;"><i class="fa fa-paper-plane"></i>&nbsp; 分享</a>
		</li>
	</ul>
	<!-- 导航菜单结束 -->

	<!-- 右边导航菜单 -->
	<ul class="nav navbar-nav navbar-right">
		<!-- 头像下拉 -->
		<li id="dropdown">
			<a class="user" href="javascript:;">
				<img src="/image/head.jpg"><span>用户名</span> <i class="fa fa-caret-down" style="margin-left: 4px;"></i>
			</a>
			<!-- 下拉内容 -->
			<div class="content">
				<div class="heading">
					<img src="/image/head.jpg"><span>用户名</span>
				</div>
				<ul>
					<li><a href="personal_center.html">个人中心</a></li>
					<li><a href="javascript:$('#feed-btn').click();">提交反馈</a></li>
					<li><a href="javascript:;" id="logout">退出</a></li>
				</ul>
			</div>
			<!-- 下拉内容结束 -->
		</li>
		<!-- 头向下拉结束 -->

		<li>
			<a id="skin-btn" href="javascript:;" title="皮肤中心"><i class="iconfont icon-skin"></i></a>
		</li>

		<li>
			<a id="feed-btn" href="javascript:;" title="反馈留言"><i class="iconfont icon-feed"></i></a>
		</li>

		<li>
			<a id="app-btn" href="javascript:;" title="下载客户端"><i class="iconfont icon-app"></i></a>
		</li>
	</ul>
	<!-- 右边导航菜单结束 -->

</nav>
<!-- 顶部导航结束 -->



<!-- 主体部分 -->
<div class="container-fluid" style="height: 100%;">

	<div class="row main-wrap">
			<!-- 左边 -->
			<div class="col-sm-2 main-left">
				<!-- 文件分类列表 -->
				<ul class="types">
					<li data-action="all" class="active"><a href="#all?path=%2F"><i class="fa fa-fw fa-file-o"></i> 所有文件</a></li>
					<li data-action="image"><a href="#image"><i class="fa fa-fw fa-file-image-o"></i> 图片</a></li>
					<li data-action="video"><a href="#video"><i class="fa fa-fw fa-file-video-o"></i> 视频</a></li>
					<li data-action="music"><a href="#music"><i class="fa fa-fw fa-file-audio-o"></i> 音乐</a></li>
					<li data-action="doc"><a href="#doc"><i class="fa fa-fw fa-file-archive-o"></i> 文档</a></li>
					<li class="divider"></li>
					<!-- <li data-action="share"><a href="#share"><i class="fa fa-fw fa-paper-plane"></i> 我的分享</a></li> -->
					<li data-action="recycle"><a href="#recycle"><i class="fa fa-fw fa-trash"></i> 回收站</a></li>
				</ul>
				<!-- 文件分类列表结束 -->

				<!-- 可用空间大小 -->
<!-- 				 <div id="left-space">
				 	<div class="progress">
						<div class="progress-bar" style="width: 40%;"></div>
					</div>
					<span class="space-text">1.5G / 20G</span>
				 </div>
 -->				<!-- 可用空间 -->

			</div>
			<!-- 左边结束 -->

			<!-- 右边 -->
			<div class="col-sm-10 main-right">
				<!-- 操作按钮框 -->
				<div class="optionbox pull-left">
					<div class="btn-group">
						<button id="upload-btn" class="btn"><i class="fa fa-upload"></i> 上传</button>
					</div>
					<form style="display: none;" id="form1"><input id="dianji" type="file" name="file"></form>
					<div class="btn-group">
						<button id="mkdir-btn" class="btn"><i class="fa fa-folder-o"></i> 新建文件夹</button>
					</div>

					<div class="btn-group">
						<button id="off-download-btn" class="btn"><i class="fa fa-cloud-download"></i> 离线下载</button>
					</div>

					<div id="file-option" class="btn-group">
						<button id="share-btn" class="btn"><i class="fa fa-share-alt"></i> 分享</button>
						<button id="download-btn" class="btn"><i class="fa fa-download"></i> 下载</button>
						<button id="restore-btn" class="btn"><i class="fa fa-undo"></i> 还原</button>
						<button id="delete-btn" class="btn"><i class="fa fa-trash"></i> 删除</button>
						<button id="more-btn" class="btn"><i class="fa fa-ellipsis-h"></i> 更多
							<div class="more-content">
								<ul>
									<li data-target="#rename-btn">重命名</li>
									<!-- <li data-target="#copy-btn">复制到</li> -->
									<!-- <li data-target="#move-btn">移动到</li> -->
								</ul>
							</div>
						</button>
						
						<button id="rename-btn" class="btn">重命名</button>
						<!-- <button id="copy-btn" class="btn">复制到</button> -->
						<!-- <button id="move-btn" class="btn">移动到</button> -->
					</div>
				</div>
				<!-- 操作按钮框结束 -->

				<!-- 搜索框 -->
				<div id="searchbox" class="pull-right">
					<form action="javascript:;" id="search_form">
						<input type="search" id="searchtext" placeholder="搜索文件">
						<i id="clearsearch"><i class="fa fa-times-circle"></i></i>
						<button type="submit"><i class="fa fa-search"></i></button>
					</form>
				</div>
				<!-- 搜索框结束 -->
				<div class="clearfix" style="margin-bottom: 10px;"></div>

				<div id="file-frame">
					<!-- 路径显示框 -->
					<div class="path-box">
						<a id="path-up" href="javascript:;">返回上一级</a>
						<span class="divider">|</span>
						<span id="path">
							<span class="active">全部文件</span>
							<!-- <a href="javascript:;">全部文件</a> &gt; <span class="active">编程</span> -->
						</span>
						<span class="file-count">加载中...</span>
					</div>
					<!-- 路径显示框结束 -->

					<!-- 文件列表 -->
					<table id="file-table">
						<thead>
							<tr>
								<th id="orderByName" data-sortColumn="filename"><i class="fa checkbx" title="全选/取消"></i> 文件名 <i class="fa sort"></i></th>
								<th id="orderBySize" data-sortColumn="filesize">文件大小 <i class="fa sort"></i></th>
								<th id="orderByTime" data-sortColumn="uploadtime">创建时间 <i class="fa sort"></i></th>
							</tr>
						</thead>
						<tbody><!-- 
							<tr data-fid="1" data-type="0">
								<td data-field="filename">
									<i class="fa checkbx checked"></i>
									<div class="fileicon"></div>
									<a href="">编程</a></td>
								<td data-field="size">-</td>
								<td data-field="time">2018-10-12 15:02:56</td>
							</tr>
							<tr data-fid="2" data-type="1">
								<td data-field="filename">
									<i class="fa checkbx"></i>
									<div class="fileicon txt"></div>
									<a href="">a.txt</a></td>
								<td data-field="size">52.8K</td>
								<td data-field="time">2012-05-08 23:41:55</td>
							</tr>
							<tr data-fid="3" data-type="1">
								<td data-field="filename">
									<i class="fa checkbx"></i>
									<div class="fileicon image"></div>
									<a href="">5.jpg</a></td>
								<td data-field="size">103.65K</td>
								<td data-field="time">2016-04-07 04:15:20</td>
							</tr> -->
						</tbody>
					</table>
					<!-- 文件列表结束 -->
				</div>

			</div>
			<!-- 右边结束 -->
	</div>
</div>
<!-- 主体部分结束 -->

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<script type="text/javascript" src="js/md5.js"></script>

<script src="js/util.js"></script>
<script src="js/home.js"></script>
<script src="js/fileShareWindow.js"></script>
<script src="js/fileUpload.js"></script>
</body>
</html>